/* 清除float */
.clearfix::before,
.clearfix::after {
  content: '';
  display: table;
}

.clearfix::after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* 去掉超链接的下划线 */
a {
  text-decoration: none;
}

/* 去掉列表默认样式 */
ul,
ol {
  list-style: none;
}

/* 禁止图片默认的margin */
img {
  max-width: 100%;
  height: auto;
  border: none;
  margin: 0;
  padding: 0;
}

/* 禁止手指点击页面元素时出现的半透明背景 */
a,
div,
p,
li,
h1,
h2,
h3,
h4,
h5,
h6,
span {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body,
#app {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-align {
  text-align: center;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-center {
  justify-content: center;
  align-items: center;
}

.padding10 {
  padding: 0 10px;
}

.homepage-box .el-input__inner {
  background-color: transparent;
  border: none;
  color: #cdd8e9;
}

.homepage-box .el-select .el-input .el-select__caret {
  color: #f4f9ff;
}

// .beaty-track div::-webkit-scrollbar {
//     width: 8px;
//     height: 10px;
//     background: #534024;

// }

// .beaty-track div::-webkit-scrollbar-track {
//     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3) inset;
//     border-radius: 10px;
//     background-color: #ccc;
// }

// .beaty-track div::-webkit-scrollbar-thumb {
//     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3) inset;
//     border-radius: 10px;
//     background-color: #3487c7;
// }
